<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="css/classify.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style-class.css">
    <link rel="stylesheet" href="css/footer.css">


    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</head>

<body>
    <div class="m_top">
        <div class="container m-nav">
            <div class="container">
                <nav class="navbar navbar-default">
                    <div class=" container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="index.html">
                                <span>音乐</span>
                            </a>

                        </div>

                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav navbar-right">
                                <li><a href="index.html">首页</a></li>
                                <li><a href="我的音乐.html">我的音乐</a></li>
                                <li><a href="vip.html">VIP</a></li>
                                <li><a href="#">登录</a></li>
                                <li><a href="#">注册</a></li>

                            </ul>
                        </div><!-- /.navbar-collapse -->

                    </div><!-- /.container-fluid -->
                </nav>
            </div>
            <div class="container">
                <div class="navbar m-top-subnav">
                    <div class=" container-fluid">
                        <div class="collapse navbar-collapse text-center" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav">
                                <li><a href="singer.html">歌手</a></li>
                                <li><a href="disc.html">新碟</a></li>
                                <li><a href="rank1.html">排行榜</a></li>
                                <li><a href="classify.html" class="active">分类歌单</a></li>
                                <li><a href="radio.html">电台</a></li>
                                <li><a href="mv.html">MV</a></li>
                            </ul>
                        </div><!-- /.navbar-collapse -->

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- header end-->

    <section class="m_banner">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 text-center m_col_pd">
                    <ul class="m_list clearfix">
                        <li class="fl">
                            <div class="m_text fl">
                                <!-- <div class="m_cbox fl">
                                            <span>流行</span>
                                        </div>
                                        <span class="fr">
                                            流行音乐中有很多歌曲蕴含着古典的意蕴，他们往往以传统的意象手法、
                                            忧郁感伤的优雅情调、诗意的画面，营造出一种美轮美奂的古典美。
                                        </span> -->
                                <!-- <img src="images/download.png" alt="" width="100%" height="100%"> -->
                            </div>
                            <div class="m_ul_tu fr">

                                <ul class="clearfix">
                                    <li>
                                        <img src="images/109951165185681390.jpg" alt="">
                                    </li>
                                    <li>
                                        <img src="images/109951165185737204.jpg" alt="">
                                    </li>
                                    <li>
                                        <img src="images/109951165186765043.jpg" alt="">
                                    </li>
                                    <li>
                                        <img src="images/109951165185681390.jpg" alt="">
                                    </li>
                                    <li>
                                        <img src="images/109951165192801154.jpg" alt="">
                                    </li>
                                </ul>


                            </div>

                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- banner end -->

    <section class="m_nav">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 clearfix text-center">
                    <ul class="fl m_font_sm">
                        <li class="hot"><a href="#">流行</a></li>
                        <li class="hot"><a href="#">民族</a></li>
                        <li class="hot"><a href="#">舞蹈</a></li>
                        <li><a href="#">欧美</a></li>
                        <li><a href="#">综艺</a></li>
                        <li><a href="#">校园</a></li>
                        <li><a href="#">推荐</a></li>
                    </ul>
                    <div class="m_more">
                        <span>更多</span>
                        <ul class="m_list_calss">
                            <li><a href="">主题</a>
                                <div class="m_list_box1">
                                    <ul class="clearfix">
                                        <li>KTV金曲</li>
                                        <li>网络歌曲</li>
                                        <li>现场音乐</li>
                                        <li>背景音乐</li>
                                        <li>金典老歌</li>
                                        <li>情哥</li>
                                        <li>儿歌</li>
                                        <li>ACG</li>
                                        <li>影视</li>
                                        <li>游戏</li>
                                        <li>诚实</li>
                                        <li>戏曲</li>
                                        <li>佛教音乐</li>
                                        <li>人气音乐</li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="">心情</a>
                                <div class="m_list_box2">
                                    <ul class="clearfix">
                                        <li>伤感</li>
                                        <li>快乐</li>
                                        <li>安静</li>
                                        <li>励志</li>
                                        <li>治愈</li>
                                        <li>思念</li>
                                        <li>甜蜜</li>
                                        <li>寂寞</li>
                                        <li>宣泄</li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="">年代</a>
                                <div class="m_list_box3">
                                    <ul class="clearfix">
                                        <li>00年代</li>
                                        <li>90年代</li>
                                        <li>80年代</li>
                                        <li>70年代</li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="">流派</a>
                                <div class="m_list_box4">
                                    <ul class="clearfix">
                                        <li>电子</li>
                                        <li>轻音乐</li>
                                        <li>说唱</li>
                                        <li>爵士</li>
                                        <li>说唱</li>
                                        <li>摇滚</li>
                                        <li>R&B</li>
                                        <li>古典</li>
                                        <li>后摇</li>
                                        <li>古风</li>
                                        <li>中国风</li>
                                        <li>世界音乐</li>
                                        <li>中国传统</li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="">语种</a>
                                <div class="m_list_box5">
                                    <ul class="clearfix">
                                        <li>英语</li>
                                        <li>粤语</li>
                                        <li>韩语</li>
                                        <li>日语</li>
                                        <li>国语</li>
                                        <li>闽南语</li>
                                        <li>小语种</li>
                                        <li>法语</li>
                                        <li>拉丁语</li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="">二次元</a>
                                <div class="m_list_box6">
                                    <ul class="clearfix">
                                        <li>初音未来</li>
                                        <li>洛天依</li>
                                        <li>xxxxx</li>
                                        <li>xxxxx</li>
                                        <li>xxxxx</li>
                                    </ul>
                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- m_nav  end-->
    <section class="m_content">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 m_ht">
                    <div class="m_title">
                        <span>流行</span>
                        <span></span>
                    </div>
                    <div class="m_sign">
                        <ul class="clearfix">
                            <li><a href="" class="m_new">天来之物</a></li>
                            <li><a href="" class="m_new">麻雀</a></li>
                            <li><a href="" class="m_new">无虑镜</a></li>
                            <li><a href="" class="m_new">如果我是海</a></li>
                            <li><a href="" class="m_new">祝我快乐</a></li>
                            <li><a href="" class="m_new">一千零一次我爱你</a></li>
                            <li><a href="" class="m_new">我爱你</a></li>
                            <li><a href="" class="m_new">在一起嘛好不好</a></li>
                            <li><a href="" class="m_new">等着等着就老了</a></li>
                            <li class=""><a href="">舍·得</a></li>
                            <li><a href="">下落不明</a></li>
                            <li><a href="">陽のあたる場所へ</a></li>
                            <li><a href="">我有多么爱你</a></li>
                            <li><a href="">Anyway</a></li>
                            <li class="m_ti"><a href="" title="">纸船 </a></li>
                            <li><a href="" class="m_new">想见你想见你想见你</a></li>
                            <li><a href="">别接我电话</a></li>
                            <li><a href="">与生俱来</a></li>
                            <li><a href="">只对你有感觉</a></li>
                            <li><a href="">回声 Echo</a></li>
                        </ul>
                    </div>
                </div>

                <div class="col-md-12 col-sm-12 m_ht">
                    <div class="m_title">
                        <span>民族</span>
                        <span></span>

                    </div>
                    <div class="m_sign">
                        <ul class="clearfix">

                            <li><a href="" class="m_new">高山流水</a></li>
                            <li><a href="" class="m_new">百鸟朝凤</a></li>
                            <li><a href="" class="m_new">渔舟唱晚</a></li>
                            <li><a href="" class="m_new">太极韵</a></li>
                            <li><a href="" class="m_new">赛马</a></li>
                            <li><a href="" class="m_new">广陵散</a></li>
                            <li><a href="" class="m_new">我爱你</a></li>
                            <li><a href="" class="m_new">平沙落雁</a></li>
                            <li><a href="" class="m_new">姑苏行</a></li>
                            <li class="m_ti"><a href="" class="m_new">将军令 </a></li>
                            <li><a href="" class="m_new">牧羊曲</a></li>
                            <li><a href="" class="m_new">春江花月夜</a></li>
                            <li><a href="" class="m_new">寒鸭戏水</a></li>
                            <li><a href="">消失在民族街的尽头</a></li>
                            <li class="m_ti"><a href="" title="">天山之春 </a></li>
                            <li><a href="" class="m_new">魔城</a></li>
                            <li><a href="">恋恋德福巷</a></li>
                            <li><a href="">青岛</a></li>
                            <li><a href="">济南的夜</a></li>
                            <li><a href="">唐山</a></li>
                            <li><a href="">江南</a></li>
                            <li><a href="">无间</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12 m_ht">
                    <div class="m_title">
                        <span>综艺</span>
                        <span></span>
                    </div>

                    <div class="m_sign">
                        <ul class="clearfix">

                            <li><a href="" class="m_new">光之心</a></li>
                            <li><a href="" class="m_new">猪突猛進</a></li>
                            <li><a href="" class="m_new">Dancing</a></li>
                            <li><a href="" class="m_new">骨折り損</a></li>
                            <li><a href="" class="m_new">君を忘れてた</a></li>
                            <li><a href="" class="m_new">放课后</a></li>
                            <li><a href="">我爱你</a></li>
                            <li><a href="" class="m_new">在一起嘛好不好</a></li>
                            <li><a href="">等着等着就老了</a></li>
                            <li class="m_ti"><a href="">陽のあたる場所へ </a></li>
                            <li><a href="">下落不明</a></li>
                            <li><a href="">与生俱来</a></li>
                            <li><a href="">我有多么爱你</a></li>
                            <li><a href="">幸福快递</a></li>
                            <li class="m_ti"><a href="" title="">全部都是你 </a></li>
                            <li><a href="">滑稽的旋律</a></li>
                            <li><a href="">别接我电话</a></li>
                            <li><a href="">与生俱来</a></li>
                            <li><a href="">Hello</a></li>
                            <li><a href="">绽放 (Live)</a></li>


                        </ul>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12 m_li text-center">
                    <ul class="clearfix">
                        <li class="m_li_active"></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>

        </div>
    </section>

    <!-- content end -->
    <section class="m_recommend">
        <div class="container">
            <div class="row">
                <!-- <div class="col-md-6 col-sm-12">
                    <div class="m_recd_text">
                        <div class="m_top_img"></div>
                        <div class="m-bottom"></div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="m_recd_text">
                        <div class="m_top_img"></div>
                        <div class="m-bottom"></div>
                    </div>
                </div> -->

                <div class="col-md-12 m_col_12">
                    <div class="col-md-12">
                        <span>精选活动</span>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-12 m_img">
                            <img src="images/1577258591226_.jpg" alt="">
                        </div>
                        <div class="col-md-6 col-sm-12 m_img">
                            <img src="images/1578400380556_.jpg" alt="">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container m_content">
            <div class="row">
                <div class="row">
                    <div class="col-md-4 col-sm-12">
                             <span class="">下载我的音乐客户端</span>                           
                             
                                     
                                <div class="m_cont">
                                   <div><a href="#">&#xe8c4;</a><span>pc版</span></div>
                                   <div><a href="#">&#xe64d;</a><span>安卓版</span></div>
                                   <div><a href="#">&#xe63d;</a><span>苹果版</span></div>
                                   
                            </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <span>协议与声明</span>
                           <div class="m_agreement">
                                <span><a href="#">用户与服务协议</a></span>
                                <span><a href="#">免责声明</a></span>
                                <span><a href="#">隐私政策</a></span>
                                <span><a href="#">权利声明</a></span>  
                           </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <span>其他</span>
                        <div class="m_more">
                             <span><a href="#">联系我们</a></span>
                             <span><a href="#">腾讯音乐</a></span>
                             <span><a href="#">诚聘英才</a></span>
                             <span><a href="#">广告服务</a></span>
                             <span><a href="#">网上有害信息举报专所</a></span>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12">
                      <div>
                          <span>
                            四川知了有限公司版权所有1网络文化经营许可证:京网文[2015]0525-205号1 信 息网络传播视听节目许可证0109362号1增值电信业务经营许可证B2 -20090418 I京ICP证
                            <br>060261号                            
                          </span>
                          <span>广播电视节目制作经营许可证京字第2037号|营 业性演出许可证京市演15741京公网安备 11010502030216号1京CP备09014827号
                        </span>
                          <span>举报电话: 010-879399491举报邮箱 : support@kuwo.cn
                        </span>
                          
                      </div>
                </div>

            </div>
        </div>
    </footer>
</body>

</html>